
{% extends 'base.html' %}

{% block main %}
<div class="row">
    <div id="vmaig-content" class="col-md-8 col-lg-9">
        <div id="article-page" class="well">
            <ol class="breadcrumb">
                <li><a href="/index"><span class="glyphicon glyphicon-home"></span></a></li>
                <li class="hidden-xs"><a><span class="glyphicon glyphicon-calendar"></span> {{object.created|date:"Y-m-d"}}</a></li>
                <li><a>
                    <span class="glyphicon glyphicon-eye-open"></span>
                    {{object.views}}
                </a></li>
                <li class="pull-right"><a>
                    <span class="glyphicon glyphicon-user"></span> {{object.author}}
                </a></li>
            </ol>

            <div id="article">
                <div class="article-title">
                    <h1>{{object.title}}</h1>
                </div>
                <div class="article-tags">
                    {%for tag in object.tags %}
                    <a  href="" class="{%if forloop.counter0%}hidden-xs{%endif%}">
                        <span class="label label-vmaig-{{forloop.counter}} btn">{{tag}}</span>
                    </a>
                    {% endfor %}
                    {% include "widgets/url_image.html" %}
                </div>
                <hr/>
                <div class="article-content">
                    {% autoescape off%}
                    {{object.content_html}}
                    {% endautoescape %}
                </div>
            </div>
        {% include "duoshuo.html" %}
        </div>
    </div>

        <!-- 右边的widgets -->
    <div id="vmaig-side" class="col-md-4 col-lg-3 hidden-xs">
        {% include "widgets/tags_cloud.html"%}
        {% include "widgets/article_hot.html"%}

    </div>
</div>
{% endblock %}

{% block css%}
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<style type="text/css">
    #article {
        font-size:14px;
        color:#000;
    }
    blockquote {
        font-size:14px;
    }
</style>
{% endblock %}


{% block js%}
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushPowerShell.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript">SyntaxHighlighter.all();</script>
{% endblock%}
